.text-center{
	text-align: center;
}
.text-left{
	text-align: left;
}
.text-white{
  color: white;
}
.flex{
  display: flex;
}
.justify-around{
  justify-content: space-around;
}
.justify-between{
  justify-content: space-between;
}
.align-center{
  justify-items: center;
}
.text-center{
  text-align: center;
}
.text-right{
  text-align: right;
}
.radius{
  border-radius: 2px;
}
.text-red{
  color: red;
}
.text-green{
  color: green;
}
.text-bold{
  font-weight: bold;
}
@for $i from 1 through 150{
  .margin-left-#{$i} {
    margin-left: (1px * $i);
  }
  .margin-right-#{$i} {
    margin-right: (1px * $i);
  }
  .margin-top-#{$i} {
    margin-top: (1px * $i);
  }
  .margin-bottom-#{$i} {
    margin-bottom: (1px * $i);
  }
  .margin-#{$i} {
    margin: (1px * $i);
  }
  .margin-lr-#{$i} {
    margin-left: (1px * $i);
    margin-right: (1px * $i);
  }
  .margin-tb-#{$i} {
    margin-top: (1px * $i);
    margin-bottom: (1px * $i);
  }
  .padding-left-#{$i} {
    padding-left: (1px * $i);
  }
  .padding-right-#{$i} {
    padding-right: (1px * $i);
  }
  .padding-top-#{$i} {
    padding-top: (1px * $i);
  }
  .padding-bottom-#{$i} {
    padding-bottom: (1px * $i);
  }
  .padding-#{$i} {
    padding: (1px * $i);
  }
  .padding-lr-#{$i} {
    padding-left: (1px * $i);
    padding-right: (1px * $i);
  }
  .padding-tb-#{$i} {
    padding-top: (1px * $i);
    padding-bottom: (1px * $i);
  }


  .font-size-#{$i} {
    font-size: (1px * $i);
    line-height: (1px * $i);
  }

  .font-size-#{$i}vh{
    font-size: (1vh * $i);
  }
}
@for $i from 0 through 2000{
  .left-#{$i} {
    left: (1px * $i);
  }
  .right-#{$i} {
    right: (1px * $i);
  }
  .top-#{$i} {
    top: (1px * $i);
  }
  .bottom-#{$i} {
    bottom: (1px * $i);
  }
}
.abs{
  position: absolute;
}

.common-container {
	/*#ifdef H5 */
	min-height: calc(100vh - var(--window-top));
	/* #endif */
	background-color: #f8f8f8;
}
